/* form */

form, div.form {
	clear: both;
}

form p:after, div.form p:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

form p, div.form p{
    display: block;
}

form label, div.form label {
	display: block;
	float: left;
	margin: 5px;
	font-weight: bold;
	width: 25%;
	text-align: right;
	padding-right: 16px;
}

form label.small, div.form label.small {
	width: 15%;
}

form input, form select, form button, div.form input, div.form select, div.form button {
	float: left;
	margin: 5px;
	width: 50%;
}

form input.small, div.form input.small {
	width: 25%;
}

form span, div.form span {
	float: left;
	margin: 5px;
}

form span.medium, div.form span.medium {
	width: 50%;
}

form span.small, div.form span.small {
	width: 25%;
}

form fieldset, div.form fieldset {
    padding: 2em 2em;
	/** Ie margin issue when several fieldset are present **/;
    margin: 20px auto !important; 	/** FF **/
	margin: 10px auto;	
    border: 1px solid #646E98;
	width: 90%;
	display: block; /** IE bug fix **/
	
	/* Moz border radius, currently not supported in IE */
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

form fieldset legend, div.form fieldset legend{
    padding: 0 10px;
    border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
    font-size: 1.2em;
	font-weight:bolder;
    color: #646E98;	
}


input:focus{
	background-color: #e0e2ea;	
}

form span.error, div.form span.error {
	color: red;
	margin: 5px;
	padding-right: 16px;
}

/* LINKS */

form td a span, div.form td a span {
	text-align: center;
	color: black;
}

/* BUTTONS */

.btn-container {
	text-align: center;
}

form button.ui-button, div.form button.ui-button, 
form input.ui-button, div.form input.ui-button {
	float: none;
	padding: 5px;
	margin: 3px;
	width: auto;
}
